@charset "gb2312";
.pbanner{ position:relative; overflow:hidden; width:100%;}
.pbanner img{ display:block; width:100%;}
.pbanner figcaption{ display:block; width:1170px; position:absolute; left:50%; margin-left:-584px; bottom:30px;}
.pbanner figcaption h3{ line-height:normal; color:#ffffff; font-size:40px; margin-bottom:10px;}
.pbanner figcaption small{ display:block; line-height:normal; color:#fff; font-family:Arial; font-size:30px;}
.new-box{ background:#ededed;}
.new-title{ background:#ededed;}
.inner { width:1170px; margin: 0px auto;}
.commontitle li{ float:left; margin-right:14px;}
.commontitle li:last-child{ margin-right:0;}
.commontitle li a{ display:inline-block; position:relative; padding:20px 15px 26px; line-height:normal; color:#5d5d5d; font-size:14px;width: 114px;    text-align: center;}
.commontitle li a:before{ content:""; width:0; height:6px; background:#11623D; position:absolute; left:0; bottom:0; transition:340ms;}
.commontitle li a:hover:before,.commontitle li a.now:before{ width:100%;}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1450px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1199px){
   .inner{ width:95%;}
   .customer figcaption{ padding-left:34px; float:left; position:relative; bottom:0; width:60%;}
   .pbanner figcaption{ width:90%; margin-left:-49%;}

}
@media screen and (max-width:1100px){
   .list-wr,.new-titlea,.new-text{ width:90%;}
}
@media screen and (max-width:1024px){
   .pbanner figcaption h3{ font-size:42px; margin-bottom:0; font-weight:normal;}
   .pbanner figcaption small{ font-size:24px;}
   .proList .con .c {display: none;}
   .proList .con .zh {font-size: 20px;}
	.proList .oneItem .con, .proList .twoItem .con {
    top: 35%;
    height: auto;
    text-align: center;}
	.proList .con .bot {
    margin: 10px auto 0px;}
	.inner{ width:80%}
}
@media screen and (max-width:960px){
   .inner{ width:78%;}
   .pbanner figcaption{ bottom:8px; width:90%; margin-left:-38%;}
   .bx-viewport{ height:500px;}
}
@media screen and (max-width:861px){ 
  .inner{ width:93%;}
   .pbanner figcaption{ bottom:8px; width:100%;}
} 
@media screen and (max-width:768px){ 
  .inner{ width:97%;}
}
@media screen and (max-width:751px){
   .inner{ width:64%;}
   .pbanner figcaption{ bottom:8px; width:90%; margin-left:-30.5%;}
	
}
@media screen and (max-width:641px){
   .inner{ width:72%;}
   .pbanner figcaption{ bottom:8px; width:90%; margin-left:-36%;}
   .pbanner figcaption h3{ font-size:28px;}
   .pbanner figcaption small{ font-size:16px;}

   
}
@media screen and (max-width:520px){
	
}
@media screen and (max-width:481px){
	 .inner{ width:95%;}
	  .pbanner figcaption{ bottom:8px; width:90%; margin-left:-48%;}
}
@media screen and (max-width: 380px){
	.pbanner figcaption h3{ font-size:18px}
	.inner{ width:82%;}
   .pbanner figcaption{ bottom:8px; width:90%; margin-left:-43%;}
}
@media screen and (max-width: 340px){
  .inner{ width:91%;}
  .pbanner figcaption{ bottom:8px; width:90%; margin-left:-47%;}
}